<!DOCTYPE html>
<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style>
				.transitionbox{
					width: 200px;
					height: 200px;
					background-color: red;
					
					position: relative;
					transition: width 1s; 
				}
				.transitionbox:hover{
					width: 400px;
					height: 400px;
				}
			</style>
		</head>
		
		<body>
			<div class="transitionbox"></div>
		</body>
</html>
